<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

    <link  href="./css/ui.css" rel="stylesheet" type="text/css" media="all" /> 
    <link  href="./css/ui2.css" rel="stylesheet" type="text/css" media="all" /> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js" type="text/javascript"></script>
    <script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.1.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript" SRC="./javascripts/ui.js"></script>
    <script language="javascript" type="text/javascript" SRC="./javascripts/ui2.js"></script>

<script language="javascript" type="text/javascript">       
    function changeTrColor(trObj, oldColor, newColor) {
        trObj.style.backgroundColor = newColor;
        trObj.onmouseout = function(){
            trObj.style.backgroundColor = oldColor;
        }
    }

    function clickTrEvent(trObj) {
    	location.href="http://www.google.co.kr/";
    }
</script>
    
<title>Insert title here</title>
</head>
<body>

<div id="body">

<div id="menu">
<ul id="tabSubmenu">
	<li><a href="index.jsp">ALICE</a>
	<ul>
		<li><a href="../web/admin/shop_shop/list.jsp">a</a></li>
		<li><a href="../web/admin/shop_shop/list_pants.jsp">b</a></li>
		<li><a href="../web/admin/shop_shop/list_onepice.jsp">c</a></li>
		<li><a href="#">d</a></li>
		<li><a href="#">e</a></li>
		<li><a href="#">f</a></li>
		<li><a href="#">g</a></li>
	</ul>
	</li>
	<li><a href="#">&</a>
	<ul>
		<li><a href="../web/admin/shop_offer/list.jsp">q</a></li>
		<li><a href="../web/admin/shop_offer/list.jsp">w</a></li>
	</ul>
	</li>
	<li><a href="#">COMPANY</a>
	<ul>
		<li><a href="../web/admin/shop_offer/list.jsp">q</a></li>
		<li><a href="../web/admin/shop_offer/list.jsp">w</a></li>
	</ul>
	</li>
</ul>
</div>

<!--
<div id="tabs">
     <ul>
		<li><a href="#tabs-1">Tab 3 (slow)</a></li>
		<li><a href="#tabs-2">Tab 4 (broken)</a></li>
	</ul>
	
	<div id="tabs-1">
-->

<div class="demo2">
<ol id="sortable">
   
	<li class="ui-state-hover14" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#FFFFFF', '#F4FFFD')"
                style="cursor:hand"><img alt="#" src="./images/class.png">ipod</li>
	<li class="ui-state-hover15" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#FFFFFF', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/cc.png">mac</li>
	<li class="ui-state-hover16"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#FFFFFF', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/lamp-thumb.png">ipad</li>
	<li class="ui-state-hover1"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">itunes</li>
	<li class="ui-state-hover2"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/section.png">store</li>
	<li class="ui-state-hover3"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/constructor.png">user</li>
	<li class="ui-state-hover4"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#FFFFFF', '#7fffd4')"
                style="cursor:hand"><img alt="#" src="./images/class.png">iphone</li>
	<li class="ui-state-hover5"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/namespace.png">keynote</li>
	<li class="ui-state-hover6"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">genius</li>
	<li class="ui-state-hover7"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#7fffd4')"
                style="cursor:hand"><img alt="#" src="./images/class.png">alice @ co.</li>
	<li class="ui-state-hover8"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">ping</li>
	<li class="ui-state-hover9"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">nano</li>
	<li class="ui-state-hover10"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">shuffle</li>
	<li class="ui-state-hover11"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">art</li>
	<li class="ui-state-hover12"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">toystory</li>
	<li class="ui-state-hover13"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">pixar</li>
                <li class="ui-state-hover14" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#FFFFFF', '#F4FFFD')"
                style="cursor:hand"><img alt="#" src="./images/class.png">ipod</li>
	<li class="ui-state-hover15" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#FFFFFF', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/cc.png">mac</li>
	<li class="ui-state-hover16"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#FFFFFF', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/lamp-thumb.png">ipad</li>
	<li class="ui-state-hover1"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">itunes</li>
	<li class="ui-state-hover2"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/section.png">store</li>
	<li class="ui-state-hover3"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/constructor.png">user</li>
	<li class="ui-state-hover4"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#FFFFFF', '#7fffd4')"
                style="cursor:hand"><img alt="#" src="./images/class.png">iphone</li>
	<li class="ui-state-hover5"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/namespace.png">keynote</li>
	<li class="ui-state-hover6"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">genius</li>
	<li class="ui-state-hover7"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#7fffd4')"
                style="cursor:hand"><img alt="#" src="./images/class.png">alice @ co.</li>
	<li class="ui-state-hover8"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">ping</li>
	<li class="ui-state-hover9"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">nano</li>
	<li class="ui-state-hover10"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">shuffle</li>
	<li class="ui-state-hover11"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">art</li>
	<li class="ui-state-hover12"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">toystory</li>
	<li class="ui-state-hover13"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">pixar</li>
                <li class="ui-state-hover14" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#FFFFFF', '#F4FFFD')"
                style="cursor:hand"><img alt="#" src="./images/class.png">ipod</li>
	<li class="ui-state-hover15" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#FFFFFF', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/cc.png">mac</li>
	<li class="ui-state-hover16"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#FFFFFF', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/lamp-thumb.png">ipad</li>
	<li class="ui-state-hover1"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">itunes</li>
	<li class="ui-state-hover2"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/section.png">store</li>
	<li class="ui-state-hover3"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/constructor.png">user</li>
	<li class="ui-state-hover4"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#FFFFFF', '#7fffd4')"
                style="cursor:hand"><img alt="#" src="./images/class.png">iphone</li>
	<li class="ui-state-hover5"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/namespace.png">keynote</li>
	<li class="ui-state-hover6"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">genius</li>
	<li class="ui-state-hover7"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#7fffd4')"
                style="cursor:hand"><img alt="#" src="./images/class.png">alice @ co.</li>
	<li class="ui-state-hover8"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">ping</li>
	<li class="ui-state-hover9"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">nano</li>
	<li class="ui-state-hover10"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">shuffle</li>
	<li class="ui-state-hover11"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">art</li>
	<li class="ui-state-hover12"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">toystory</li>
	<li class="ui-state-hover13"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/class.png">pixar</li>
</ol>
</div>
</div>

<!--
<div class="demo">
<div id="tabs-2">
 <div id="container" class="ui-widget-content">
  <div id="draggablea" class="ui-widget-content">
   <h3 class="ui-widget-header" onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand">Drag  &  Resize</h3>
  </div>
  <div id="draggableb" class="ui-widget-content">
   <h3 class="ui-widget-header" onmouseover="javascript:changeTrColor(this, '#F4FFFD', '#90ee90')"
                style="cursor:hand">Drag  &  Resize</h3>
  </div>
 </div>
 </div> 
</div>
-->

</div>
</body>
</html>